@import url(../../reset.css);
 .active{
    background: skyblue;
    color: white;
    border-radius: 7px 0 0 7px;
}
.details{
    width: 320px;
    height: 580px;
   .mc{
       width: 160px;
       height: 35px;
       display: flex;
       line-height: 35px;
       margin-left: 40px;
       span{
        width: 80px;
        height: 35px;   
        // background-color: #80c4ae;
       text-align: center;
     
        border-radius: 5px; 
        
       }
      
   }
  //    目录
   .mulu{
       height: 545px;
       margin-left: 14px;
       overflow: hidden;
       overflow-y: scroll;
    //    display: none;
       .mulu1{
           h3{
            margin-left: 26px;
            width: 280px;
            height: 62px;
            line-height: 62px;
           }
           ul{
            margin-left: 26px;
            li{
                cursor: pointer;  
                display: flex;
                span{
                    margin-right: 15px;
                    width:280px ;
                    height: 41px;
                    line-height: 41px;
                }
                img{
                    width: 7px;
                    height: 10px;
                    position: relative;
                    top: 17px;
                    transform: rotate(180deg);
                   
                }
               
            }
           
           }
       }
     
  
   }
//    评论
.speak{
    height: 545px;
    width: 320px;
    display: none;
    textarea{
        resize: none;
        margin-left: 14px;
        width: 320px;
        height: 80px;
        border: 1px solid rgb(219, 162, 6);
        border-radius: 13px;
        // border: none;
        outline: none
    }
    .chat{
        width: 320px;
        height: 465px;
        overflow:hidden;
        overflow-y: scroll;
        // border: 1px solid rgb(44, 218, 79);
        margin-left: 14px;
        border-radius: 13px;
        background-color: rgba(150, 211, 164, .6);
        margin-top: 5px;
        li{
            width: 322px;
            
            
            // margin-left: 14px;
            line-height: 20px;
            padding-top: 8px;
           
            .tn{
                display: flex;
                margin-left: 8px;
                background-color: royalblue;
                border-radius: 15px ;
                img{
                    width: 30px;
                    height: 30px;
                   
                }
                .name{
                   margin-left: 8px;
                    line-height: 30px;
                }
            }
            .content{
               width: 280px;
               border-radius: 15px;
               background-color: saddlebrown;
               line-height: 25px;
               margin-left: 14px;
               padding: 15px;
             
            }
        }
    }
}
    
    
}